import React from 'react'
import { Carousel } from 'antd';

import style from './index.module.css'
import './style.less'
import Banner1 from './banner1'
import Banner2 from './banner2'
import Banner3 from './banner3'


const dots = {
  className: style.a1
}
export default () => {

  return <Carousel dotPosition="right" autoplay={true} dots={dots} className='text-white' >
    <Banner1 />
    <Banner2 />
    <Banner3 />
  </Carousel>
}